<!--
 - MineAdmin is committed to providing solutions for quickly building web applications
 - Please view the LICENSE file that was distributed with this source code,
 - For the full copyright and license information.
 - Thank you very much for using MineAdmin.
 -
 - @Author X.Mo<root@imoi.cn>
 - @Link   https://gitee.com/xmo/mineadmin-vue
-->
<template>
  <a-button type="primary" @click="handleClick">获取地址坐标</a-button>

  <ma-maps ref="maMapRef" @changeStr="changeStr"></ma-maps>

</template>
<script setup>
import maMaps from '@/views/components/ma-map/index.vue'
import { ref, onMounted, reactive } from 'vue'
import { useMapStore } from '@/store'

const useMap = useMapStore()

console.log(useMap)
const visibles = ref(false)
const maMapRef = ref()

const changeStr = (row)=>{
   console.log(row)
   useMap.setMap(row)
  //  emit('changeStr',row)
}


const handleClick = () => {
  maMapRef.value.open()
}

</script>

<style scoped>
.map-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.list {
  display: flex;
}
</style>
